<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>背景相关属性</title>
    <style>
        body {
            background-color: chartreuse;
        }
        div {
            width: 300px;
            height: 300px;
            border: 2px solid  black;
            /* 背景默认是 transparent  透明的  没有颜色的  任意颜色都能覆盖*/
            background-color: aquamarine ;
            background-image: url("../images/悟空.jpg");
            /* 背景图片重复方式 */
            background-repeat: no-repeat; /* 不重复 */
            /* background-repeat: repeat-x;x轴方向重复 */
            /* background-repeat: repeat-y;y轴方向重复 */
            /* background-position: center bottom;垂直 */
            /* background-position: center right;水平 */
            /* background-position: 10px  100px; 左上角为原点，竖直为y，横着为x */

            /* 复合属性 */
            background:skyblue url("../images/悟空.jpg") no-repeat;
        }
    </style> 
</head>
<body>
    <div>你好呀！</div>
</body>
</html>